<html>
	<head>
		<link type="text/css" rel="stylesheet" href="sbmenu.css" />
		<script src="jquery.js"></script>
		<script type="text/javascript" src="sbmenu.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function(){
			  jQuery('.myMenu').sbmenu( // Regular menu.
			      { rtl: false, //Is the menu Right-To-Left
			        vertical:false, //Is the menu vertical
			        effect: 'slide', // the Effect to use (slide, fade, show)
			        effectTime: 1000, // the effect duration in microseconds
			        activeClass: 'active' //the class of the active link
			      });
			  jQuery(".myMenu_vertical").sbmenu({vertical: true});
			});
		</script>
		<!-- u might want to add your own style -->
		<style type="text/css">
			.sbmenu li a{background: #ddd; border:1px dashed #ccc;} 
		</style>
	</head>
	<body>
		<h1>SBZsoft sbmenu</h1>
		<div style="color: #00f; mergin: 20px">
			This is how u use sbmenu...<br><br>
		</div>
		<div class="myMenu">
			<ul>
				<li><a href="#">link1</a>
					<ul>
        				<li><a href="#">link1_1</a></li>
        				<li><a href="#">link1_2</a>
           					<ul>
               					<li><a href="#">link1_2_1</a></li>
               					<li><a href="#">link1_2_2</a></li>
           					</ul>
        				</li>
        				<li><a href="#">link1_3</a></li>
    				</ul>
  				</li>
  				<li><a href="#">link2</a></li>
  				<li><a href="link1">link3</a>
    				<ul>
        				<li><a href="#">link3_1</a></li>
       	 				<li><a href="#">link3_2</a></li>
        				<li><a href="#">link3_3</a>
          					<ul>
            					<li><a href="#">link3_3_1</a></li>
            					<li><a href="#">link3_3_2</a></li>
          					</ul>
        				</li>
        				<li><a href="#">link3_4</a></li>
    				</ul>
  				</li>
  				<li><a href="link1">link4</a></li>
			</ul>
		</div>
		<div style="color: #00f; mergin: 20px">
			<br><br><br><br><br><br>
			This is how u use sbmenu vertical...<br>
			The active page is marked with the active path.
			<br><br>
		</div>
		<div class="myMenu_vertical">
			<ul>
				<li><a href="#">link1</a>
					<ul>
        				<li><a href="#">link1_1</a></li>
        				<li><a href="#">link1_2</a>
           					<ul>
               					<li><a href="#">link1_2_1</a></li>
               					<li><a href="#">link1_2_2</a></li>
           					</ul>
        				</li>
        				<li><a href="#">link1_3</a></li>
    				</ul>
  				</li>
  				<li><a href="#">link2</a></li>
  				<li><a href="link1">link3</a>
    				<ul>
        				<li><a href="#">link3_1</a></li>
       	 				<li><a href="#">link3_2</a></li>
        				<li><a href="#">link3_3</a>
          					<ul>
            					<li><a href="#">link3_3_1</a></li>
            					<li><a class="active" href="#">link3_3_2</a></li>
          					</ul>
        				</li>
        				<li><a href="#">link3_4</a></li>
    				</ul>
  				</li>
  				<li><a href="link1">link4</a></li>
			</ul>
		</div>
		<br><br><br>
		<h1>SBZsoft sbmenu</h1>
	</body>
</html>
